<template>
	<view class="register-list-container">
		<view class="register-container general" @tap="toGeneralEntry">
			<view class="title-container">
				<text class="title">通用录入</text>
				<text class="right-arrow"></text>
			</view>
			<view class="des">中国国籍人员信息录入</view>
		</view>
		<view class="register-container quick" @tap="toQuickEntry">
			<view class="title-container">
				<text class="title">快速录入</text>
				<text class="right-arrow"></text>
			</view>
			<view class="des">在系统录入过的人员点击此处快速录入</view>
		</view>
		<!-- <view class="common-btns-container" v-if="rejectCount != 0">
            <view class="common-btn-container" hover-class="common-btn" @tap="toRejectList">
                <text>未通过({{ rejectCount }})</text>
                <text class="right-arrow"></text>
            </view>
        </view> -->
	</view>
</template>

<script>
import { common } from '@/pagesA/utils/common.js';
export default {
	data() {
		return {
			rejectCount: 0,
			projectUuid: ''
		};
	},
	onLoad(options) {
		common.init();
	},
	onShow() {
		// this.projectUuid = app.globalData.currentProject?.projectUuid;
		// this.getUnderReviewCount();
	},
	methods: {
		// getUnderReviewCount() {
		// 	app.globalData.apis.roster
		// 		.underReviewCount({
		// 			calculateModify: 1,
		// 			projectUuid: this.projectUuid
		// 		})
		// 		.then((res) => {
		// 			this.setData({
		// 				rejectCount: res.data.rejectCount
		// 			});
		// 		});
		// },
		toGeneralEntry() {
			uni.navigateTo({
				url: '/pagesA/pages/roster/register/generalEntry/generalEntry'
			});
		},
		toQuickEntry() {
			uni.navigateTo({
				url: '/pagesA/pages/roster/register/quickEntry/quickEntry'
			});
		}
	}
};
</script>
<style>
.register-list-container {
	display: flex;
	flex-direction: column;
	height: 100vh;
}

.register-container {
	border-radius: 16rpx;
	margin: 32rpx 32rpx 0;
	padding: 24rpx 32rpx;
}

.title-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 32rpx;
}

.general {
	background: rgba(0, 113, 247, 0.1);
}

.quick {
	background: rgba(101, 195, 68, 0.1);
}

.title-container .title {
	font-size: 32rpx;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 550;
	color: #1e253f;
}

.title-container .right-arrow {
	flex-shrink: 0;
	width: 15rpx;
	height: 15rpx;
	border-top: 4rpx solid #949dbf;
	border-right: 4rpx solid #949dbf;
	transform: rotate(45deg);
}

.des {
	font-size: 26rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #4b5680;
}

.common-btn-container {
	display: flex;
	align-items: center;
	background-color: rgba(63, 100, 250, 0.1);
	color: #3f64fa;
}

.common-btn-container .right-arrow {
	width: 14rpx;
	height: 14rpx;
	border-top: 4rpx solid #3f64fa;
	border-right: 4rpx solid #3f64fa;
	transform: rotate(45deg);
	border-radius: 4rpx;
	margin-left: 6rpx;
}
</style>